﻿<aside id="Aside1">
    <h3>Actions</h3>
    <div class="action" data-bind="click: main">
        <p>Main</p>
    </div>
    <div class="action" data-bind="click: monster">
        <p>Attack monster</p>
    </div>
    <div class="action" data-bind="click: player">
        <p>Attack player</p>
    </div>
    <div class="action" data-bind="click: heal">
        <p>Train</p>
    </div>
    <div class="action" data-bind="click: shop">
        <p>Shop</p>
    </div>
</aside>
<header>
    <span id="logo">Logo</span>
    <h2 id="logo">Wellcome to Heroes of Web and JavaScript</h2>
    <button data-bind="click: logout">Logout</button>
</header>
<aside id="actions">
    <header>Actions</header>
    <ul>

    </ul>
</aside>
<aside id="shop">
    <header>Shop</header>
    <ul>

    </ul>
</aside>
